<template>
    <transition name="fade">
        <img v-if="show" class="img-style" :src="src" alt="" />
    </transition>
</template>
<script lang="ts" setup>
defineProps<{
    src: string,
    show: boolean
}>()

</script>
<style lang="less" scoped>
.img-style {
    margin: 10px;
    width: 32px;
    height: 32px;
}
.fade-enter-from {
    opacity: 0;
}
.fade-enter-active {
    transition: all 1.5s ease-out;
}
</style>